//当元素属性动态变化，就需要js实现
function rem(){
	//让页面所有的元素随着屏幕变化而进行等比缩放
	document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + "px";
}
rem();
//当屏幕变化时，重新计算根元素的字体大小
window.onresize = rem;
//设计图400px,默认手机分辨率为400px, html font-size = 手机分辨率/4 = 100px
//  1rem = 100px  400px =400px/100px = 4rem
//				  50px = 50px/100 =  0.5rem

//  1rem = 1px 
//4:一般取值范围:4-20之间,取决设计图,约定俗成
//		400px   /4
//		640px   /6.4
//		750px   /7.5
//		1050px  /10.5
//		1200px  /12
// 